$(document).ready(function() {

// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='[+] ';
var hideText='[-] ';

// initialise the visibility check
var is_visible = false;

// append show/hide links to the element directly preceding the element with a class of "toggle"
$('a#toggleLink').append(showText);

// hide all of the elements with a class of 'toggle'
$('div#toggle').hide();

// capture clicks on the toggle links
$('a#toggleLink').click(function() {

// switch visibility
is_visible = !is_visible;

// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? showText : hideText);

// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);

if(is_visible)
 $(this).parent().parent().next('div#toggle').fadeIn();
else
$(this).parent().parent().next('div#toggle').fadeOut();
// return false so any link destination is not followed
return false;

});
});
